<template>

  <section id="myOrder"  class="my-order">

    <mt-navbar id="sTab" v-model="selectTab" fixed v-on:input="onTabInput">
      <mt-tab-item  :key="tab.ID" :id="tab" v-for="tab in tabList" >{{tab.DESC}}</mt-tab-item>
    </mt-navbar>

    <base-scroll ref="pullScroll"  :offset="40" v-on:refresh = "refresh"  :isEnd="isEnd"  v-on:loadMore = 'loadMore'>
      <div class="my-order-main" id="om" :style="{'height' : h+'px'}">
        <ul class="my-order-list"
            v-infinite-scroll="loadMore"
            infinite-scroll-disabled="loading"
            infinite-scroll-immediate-check="false"
            infinite-scroll-distance="50"
        >
          <my-order-item  v-for="(order,index) in orderList" :key="index" :order="order"   :type="selectTab.ID" :index="index" />
        </ul>

      </div>
    </base-scroll>






  </section>
</template>
<style lang="scss" scoped>
  @import "../css/my-order";
</style>

<script type="text/javascript" src="../js/myOrder.js"></script>


